body,html{width: 100%;height:100%}
#video_box .swiper-slide-prev,#video_box .swiper-slide-next {z-index:999;}
.swiper-slide{height:100vh;}
.posterImg {
	height:100%;
	position:relative;
	top:0;
	right:0;
	bottom:0;
	left:0;
	object-fit:cover;
	display:block;
	z-index:0;
	width:100%;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:#000;
}
.video_box {
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
}
.iosv {
	position:relative;
	top:0;ight:0;bottom:0;left:0;
	width:100%;
	height:100%;
	object-fit:contain;
	background:#000;
	display:block;
	z-index:0;
}
.androidv{width:100%;height:100%;background:#000;object-fit:contain;position:absolute;display:none;z-index:0;top:0;ight:0;bottom:0;left:0;}
.video_box .play_btn {
	position:absolute;
	width:50px;
	height:50px;
	left:calc(50% - 25px);
	top:calc(50% - 25px);
	-webkit-animation:pulse 1.5s ease infinite;
	z-index:999;
	background-size:cover;
	display:none
}
.video_box .play_btn i{color:#fff;font-size:50px}
.btn-play-opacity {position:absolute;width:100%;height:100%;z-index:0}
.suipai_banner {position:fixed;left:20px;top:20px;z-index:2;}
.swiper-wrapper{transition-duration: 0ms; transform: translate3d(0px, -100vh, 0px);}
.rightArea{width:60px;height:200px;position:fixed;bottom:60px;right:20px;z-index:999}
.rightArea li{width:60px;height:60px;position:relative;}
.rightArea li:first-child{height:70px;}
.rightArea li img{width:58px;height:58px;border:#fff solid 1px;border-radius:50%;;object-fit:cover;-webkit-object-fit:cover}
.rightArea li span{width:60px;height:20px;line-height:20px;color:#fff;font-size:12px;background-color:#bbb;border-radius:25px;position:absolute;left:0;bottom:3px}
.rightArea li em{color:#fff;margin-top:18px;font-size:24px}
.rightArea li p{width:100%;line-height:30px;font-size:12px;text-align:center;color:#fff;}
.back{width:40px;height:40px;line-height:40px;background:rgba(0,0,0,0.3);border-radius:50%;position:fixed;top:20px;left:20px;z-index:999;}
.back em{color:#fff}
.uinfo{width:100%;height:50px;position:fixed;bottom:0;left:0;z-index:999;background-color:rgba(0,0,0,0.3);padding:10px;text-align:left;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.uinfo div{display:inline-block}
.uinfo .nickname{font-size:16px;margin-right:10px}
.uinfo .udata{font-size:13px}
.uinfo .udata b{font-weight:normal;margin:0 4px}
@media screen  and (orientation:landscape) {
	html {
	transform:rotate(-90deg);
	transform-origin:left top;
	width:100vh;
	height:100vw;
	overflow-x:hidden;
	position:absolute;
	top:100%;
	left:0;
}
}